
$(function () {
    $.ajax({
        url: "./api/getCart",
        type: "post",
        headers: {
            token: localStorage.getItem("token")
        },
        data: {
            uid: JSON.parse(localStorage.getItem("user")).uId
        }
    }).then(function (res) {
        if (!res.data) {
            return;
        }
        var priceNum = 0;
        [...res.data].forEach(function (el) {
            priceNum += parseInt(el.gTotal)
        })
        $(".bot1-r-2").text(priceNum + "元")

        var strHtml = ``;
        [...res.data].forEach(function (el) {
            strHtml += `
            <div class="cont-bot-nav shop_list">
            <div class="bot-nav1 fl">
                <input class="ckb1 " type="checkbox" checked="checked">
            </div>
            <div class="bot-nav2 hh fl">
                <div class="bot-nav2-two">
                    <div class="nav2-img fl">
                        <img src="${el.gImg}" alt="">
                    </div>
                    <span class="nav2-spn fl">${el.gName}</span>
                </div>
            </div>
            <div class="bot-nav3 fl">
                <span class="dj">${el.gPrice}</span>
            </div>
            <div class="bot-nav3 fl">
                <span class="bot-nav-new" data-info=${el.cid}>
                    <input class="inp-l fl" type="button" value="-">
                    <input class="inp-c" type="text" value="${el.gNumer}">
                    <input class="inp-r fr" type="button" value="+">
                </span>
            </div>
            <div class="bot-nav3 fl">
                <span class="nav3-co">${el.gTotal}元</span>
            </div>
            <div class="bot-nav4 bot-nav3 fl">
                <span class="del" data-info=${el.cid}>×</span>
            </div>
        </div>
            `;
        });
        $(".cont-bot").html(strHtml);

        // console.log(priceNum)

        // console.log($('.cont-bot').find('.inp-c').attr('value'))
        
        //减法
        $(".cont-bot").on("click", ".inp-l", function () {
            var num = $(this).next('.inp-c').val();
            if (num <= 1) {
                return;
            }
            num--;
            $(this).next('.inp-c').val(num);

            var price = $(this).parents(".bot-nav3").prev(".bot-nav3").children("span").text()
            $(this).parents(".bot-nav3").next(".bot-nav3").children("span").text(price * num + '元')
            // console.log($('.nav3-co').text())
            var priceNum = 0
            var str = $('.ckb1:checked').parents('.shop_list').find('.nav3-co').text()
            var arr = str.split('元')
            // console.log(arr)
            arr.forEach(function (el) {
                priceNum += (el - 0)
            })
            $(".bot1-r-2").text(priceNum + "元")

            
            // console.log($(this).parents('.cont-bot').find('.inp-c').val())

            var cid = $(this).parents('.bot-nav-new').data("info");
            $.ajax({
                url: "./api/changeCartNum",
                type: 'post',
                headers: {
                    token: localStorage.getItem("token")
                },
                data: {
                    cid,
                    gnumer: num
                }
            }).then(function (res) {

            })
        });

        //加法
        $(".cont-bot").on("click", ".inp-r", function () {
            var num = $(this).prev('.inp-c').val();
            num++;
            $(this).prev('.inp-c').val(num);
            var price = $(this).parents(".bot-nav3").prev(".bot-nav3").children("span").text()
            $(this).parents(".bot-nav3").next(".bot-nav3").children("span").text(price * num + '元')

            var priceNum = 0
            var str = $('.ckb1:checked').parents('.shop_list').find('.nav3-co').text()
            var arr = str.split('元')
            // console.log(arr)
            arr.forEach(function (el) {
                priceNum += (el - 0)
            })
            $(".bot1-r-2").text(priceNum + "元")


            var cid = $(this).parents('.bot-nav-new').data("info");
            $.ajax({
                url: "./api/changeCartNuM",
                type: 'post',
                headers: {
                    token: localStorage.getItem("token")
                },
                data: {
                    cid,
                    gnumer: num
                }
            }).then(function (res) {
                // alert(res.msg);
            })
        })

        // 删除
        $(".cont-bot").on("click", ".del", function () {

            var self = this;
            if (!confirm("确定要删除吗")) {
                return;
            }

            var cid = $(this).data("info");
            // console.log(cid);

            $.ajax({
                url: "./api/delete",
                type: "post",
                headers: {
                    token: localStorage.getItem("token")
                },
                data: {
                    cid
                }
            }).then(function (res) {
                alert(res.msg);

                //数据库里 数据真删除后, 删除页面效果
                $(self).parents(".cont-bot-nav").remove();

                var priceNum = 0
                var str = $('.ckb1:checked').parents('.shop_list').find('.nav3-co').text()
                var arr = str.split('元')
                // console.log(arr)
                arr.forEach(function (el) {
                    priceNum += (el - 0)
                })
                $(".bot1-r-2").text(priceNum + "元")
            })
        })


        // 全选
        $('.ckb').click(function () {
            var bool = $(this).prop('checked')
            $('.shop_list').find('.ckb1').prop('checked', bool)
        })
        // 单选
        $('.cont-bot').on('click', '.ckb1', function () {



            var bool = $('.ckb1:checked').length == $('.ckb1').length ? true : false
            $('.ckb').prop('checked', bool)

            var priceNum = 0
            var str = $('.ckb1:checked').parents('.shop_list').find('.nav3-co').text()
            var arr = str.split('元')
            // console.log(arr)
            arr.forEach(function (el) {
                priceNum += (el - 0)
            })
            $(".bot1-r-2").text(priceNum + "元")

            // var str1 =  $('.ckb1:checked').parents('.shop_list').find('.inp-c').val()
            // console.log($('.ckb1:checked').parents('.shop_list').find('.inp-c'))
        })



    })



    function gotoTop(minHeight){
 
        // 定义点击返回顶部图标后向上滚动的动画
        $(".a-sidebar").click(
            function(){$('html,body').animate({scrollTop:'0px'},'slow');
        })

        // 获取页面的最小高度，无传入值则默认为600像素
        minHeight? minHeight = minHeight:minHeight = 600;

        // 为窗口的scroll事件绑定处理函数
        $(window).scroll(function(){

            // 获取窗口的滚动条的垂直滚动距离
            var s = $(window).scrollTop();

            // 当窗口的滚动条的垂直距离大于页面的最小高度时，让返回顶部图标渐现，否则渐隐
            if( s > minHeight){
                $("#gotoTop").fadeIn(500);
            }else{
                $("#gotoTop").fadeOut(500);
            };
        });
    };
    gotoTop();






    // $(window).on('load', function () {
    //     console.log($('.nav3-co').text())
    //     // 全选
    //     $('.ckb').click(function () {
    //         var bool = $(this).prop('checked')
    //         $('.shop_list').find('.ckb1').prop('checked', bool)
    //     })
    //     // 单选
    //     $('.cont-bot').on('click', '.ckb1', function () {
    //         var bool = $('.ckb1:checked').length == $('.ckb1').length ? true : false
    //         $('.ckb').prop('checked', bool)
    //     })
    // })

    // function zj (num,price,index) {
    //     for(var i = 0;i<index.length){

    //     }
    // }

})



